<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/common/common.jspf" %>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>test</title>

</head>
<!-- 
标签：
声明控件：class="easyui-控件名"，例如：class="easyui-dialog"
控件属性：data-options="属性名:'属性值',属性名:'属性值'"，例如：data-options="iconCls:'icon-save',resizable:true
控件事件：data-options="属性名:'属性值',事件名:function(){}"，
Js:
声明控件：$(选择器).控件名({
  属性名：属性值，
   属性名：属性值，
  事件名：function(){},
   事件名：function(){}
});

如何调用控件已有的方法：
 $(选择器).控件名("方法名", "方法参数");
 $(选择器).控件名("方法名", {参数名：参数值，参数名：参数值 });
 -->
	<script type="text/javascript">
		$(function() {
            $('#tt').treegrid({
                url:'${proPath}/catalog/select.action',
                idField:'id',
                treeField:'catagoryName',
                columns:[[
                    {checkbox:true},
                    {field:'catagoryName',title:'目录名',width:130},
                    {field:'_parentId',title:'父目录',width:130},
                    {field:'catagoryUrl',title:'目录链接',width:150},
                    {field:'catagoryRight',title:'目录权限',width:50},
                    {field:'catagoryType',title:'目录类型',width:50,
                        formatter: function(value,row,index){
                            var array = '${applicationScope.sysParamMap.catagory_type}';
                            return valueToText(array,value);
                        }},
                    {field:'catagoryStatus',title:'目录状态',width:50,
                        formatter: function(value,row,index){
                            var array = '${applicationScope.sysParamMap.catagory_status}';
                            return valueToText(array,value);
                        }},
                ]],
                rownumbers:true,
				singleSelect:true,
                fitColumns:true,
                toolbar: [{
                    iconCls: 'icon-save',
                    text:'添加',
                    handler: function(){
                        parent.$('#win').window({
                            width:600,
                            height:300,
                            title:'添加目录',
                            modal:true,
                            content:"<iframe src='${proPath}/base/goURL.action?url=home/cataadd' title='添加目录' height='100%' width='100%' frameborder='0px'/>"
                        });
                    }
                },'-',{
                    iconCls: 'icon-edit',
                    text:'修改',
                    handler: function(){
                        var row = $('#tt').treegrid("getSelected");
                        if(null==row){
                            alert("请选择需要修改的目录");
                            return ;
                        };
                        parent.$('#win').window({
                            width:600,
                            height:300,
                            title:'修改目录',
                            modal:true,
                            content:"<iframe src='${proPath}/base/goURL.action?url=home/cataupdate' title='修改目录' height='100%' width='100%' frameborder='0px'/>"
                        });
                    }
                },'-',{
                    iconCls: 'icon-remove',
                    text:'删除',
                    handler: function(){
                        var row = $('#tt').treegrid("getSelected");
                        if(null==row){
                            alert("请选择需要删除的目录");
                            return ;
                        }
                        $.messager.confirm('确认','您确认想要删除记录吗？',function(r){
                            if (r){
                                $.post("${proPath}/catalog/catadel.action",
                                    {
                                        name:row.catagoryName,
                                    },
                                    function(data){
                                        alert('删除成功');
                                        $('#dg').datagrid('reload');
                                    });

                            }
                        });
                    }
                }]
            });
		});
	</script>
<body>
	<!-- 右键菜单定义如下： -->
	<table id="tt"></table>

</body>
</html>